{% extends "todo/base.html" %}
{% load url from future %}

{% block title %}Todo List: {{ list.name }}{% endblock %}

{% block content %}

    <script type="text/javascript">

        function order_tasks(data) {
            // The JQuery plugin tableDnD provides a serialize() function which provides the re-ordered
            // data in a list. We pass that list as an object called "data" to a Django view
            // to save the re-ordered data into the database.

            $.post("{% url 'todo-reorder_tasks' %}", data, "json");
            return false;
        };

        $(document).ready(function() {
            // Initialise the task table for drag/drop re-ordering
            $("#tasktable").tableDnD();

            $('#tasktable').tableDnD({
                onDrop: function(table, row) {
                    order_tasks($.tableDnD.serialize());
                }
            });

            // Initially hide the Add Task form
            $('#AddTask').hide();

            // toggle slide to show the Add Task form when link clicked
            $('#slideToggle').click(function(){
                $(this).siblings('#AddTask').slideToggle();
            });
        });

    </script>


    {% ifequal list_slug "mine" %}
        <h1>Tasks assigned to {{ request.user }}</h1>
    {% else %}
        {% ifequal auth_ok 1 %}
           <h1>Tasks filed under "{{ list.name }}"</h1>
           <p>This list belongs to group {{ list.group }}</p>
        {% endifequal %}
    {% endifequal %}


    {% ifequal auth_ok 1 %}
        <form action="" method="POST">
        {% csrf_token %}

       {# Only show task adder if viewing a proper list #}
       {% ifnotequal list_slug "mine" %}
           <h2 style="margin-bottom:0px;" id="slideToggle" >&rarr; Click to add task &larr;</h2>

           <div id="AddTask">
        	    <table class="nocolor" border="0" cellspacing="5" cellpadding="5">
        	       <tr class="table">
        	           <td>{{ form.title.errors }}</td>
        	           <td>{{ form.due_date.errors }}</td>
        	       </tr>
                   <table class="table">
            	       <tr id="createForm">
            	           <td><label for="id_title">Task:</label> {{ form.title }}</td>
            	           <td><label for="id_due_date">Due date:</label> {{ form.due_date }}</td>
            	           <td><label for="id_assigned">Assign to:</label> {{ form.assigned_to }}</td>
            	           <td><label for="id_notify">Notify*:</label> <input type="checkbox" checked="checked" name="notify" value="1" id="notify"></td>
             	       </tr>
                   </table>
        	       <tr id="noteForm">
        	           <td><label for="id_note">Note:</label><br>
                            <tr>{{ form.note }}</tr>
        	               <p class="minor">*Email notifications will only be sent if task is assigned to someone besides yourself.</p>
        	           </td>
         	       </tr>
        	    </table>

                <input type="hidden" name="priority" value="999" id="id_priority">
                <input type="hidden" name="created_by" value="{{ request.user.id }}" id="id_created_by">
                <input type="hidden" name="list" value="{{ listid }}" id="id_list">
                <input type="hidden" name="created_date" value="{{ created_date }}" id="id_created_date">

        	    <p><input type="submit" name="add_task" value="Add task" class="todo-button"></p>
            </div>

        {% endifnotequal %}
        </form>
        
        <div class="container-fluid">
            <form action="" method="POST">
            {% csrf_token %}
                {% ifequal view_completed 0  %}
                	<h3>Incomplete tasks :: Drag rows to set priorities</h3>

                	<table border="0" id="tasktable" class="table">
                        <tr>
                            <th>Done</th>
                            <th>Task</th>
                            <th>Created</th>
                            <th>Due on</th>
                            <th>Owner</th>
                            <th>Assigned</th>
                            <th>Note</th>
                            <th>Comm</th>

                            {% ifequal list_slug "mine" %}
                            <th>List</th>
                             {% endifequal %}

                            <th>Del</th>
                        </tr>
                		{% for task in task_list %}
                	        <tr id="{{ task.id }}">
                	            <td><input type="checkbox" name="mark_done" value="{{ task.id }}" id="mark_done_{{ task.id }}">   </td>
                	            <td><a href="{% url 'todo-task_detail' task.id %}">{{ task.title|truncatewords:20 }}</a></td>
                	            <td>{{ task.created_date|date:"m/d/Y" }}</td>
                	            <td>
                	            {% if task.overdue_status %}<span class="overdue">{% endif %}
                	                {{ task.due_date|date:"m/d/Y" }}
                	            {% if task.overdue_status %}</span>{% endif %}
                	            </td>
                	            <td>{{ task.created_by }}</td>
                	            <td>{{ task.assigned_to }}</td>
                	            <td style="text-align:center;">{% if task.note %}&asymp;{% endif %} </td>
                	            <td style="text-align:center;">{% ifnotequal task.comment_set.all.count 0  %}{{ task.comment_set.all.count }}{% endifnotequal %}</td>
                	            {% ifequal list_slug "mine" %}
                                <td><a href="{% url 'todo-incomplete_tasks' task.list.id task.list.slug %}">{{ task.list }}</a></td>
                                {% endifequal %}
                	            <td><input type="checkbox" name="del_task" value="{{ task.id }}" id="del_task_{{ task.id }}">   </td>
                            </tr>
                	    {% endfor %}
                	</table>
                    <p><input type="submit" name="mark_tasks_done" value="Continue..."  class="todo-button"></p>

                    <p><a  class="todo" href="{% url 'todo-completed_tasks' list_id list_slug %}">View completed tasks</a></p>
                {% endifequal %}

                {% ifequal view_completed 1 %}
            	<h3>Completed tasks</h3>

            	<table border="0"  id="tasktable" class="table">
                    <tr>
                        <th>Undo</th>
                        <th>Task</th>
                        <th>Created</th>
                        <th>Completed on</th>
                        <th>Note</th>
                        <th>Comm</th>
                        {% ifequal list_slug "mine" %}
                        <th>List</th>
                         {% endifequal %}
                        <th>Del</th>
                    </tr>


            		{% for task in completed_list %}
            	        <tr>
            	            <td><input type="checkbox" name="undo_completed_task" value="{{ task.id }}" id="id_undo_completed_task{{ task.id }}">   </td>
            	            <td><a href="{% url 'todo-task_detail' task.id %}">{{ task.title|truncatewords:20 }}</a></td>
            	            <td>{{ task.created_date|date:"m/d/Y" }}</td>
            	            <td>{{ task.completed_date|date:"m/d/Y" }}</td>
            	            <td style="text-align:center;">{% if task.note %}&asymp;{% endif %} </td>
            	            <td style="text-align:center;">{% ifnotequal task.comment_set.all.count 0  %}{{ task.comment_set.all.count }}{% endifnotequal %}</td>

            	            <td><input type="checkbox" name="del_completed_task" value="{{ task.id }}" id="del_completed_task_{{ task.id }}">   </td>
                        </tr>
            	    {% endfor %}

            	</table>
            	<p><input type="submit" name="deldonetasks" value="Continue..."  class="todo-button"></p>
            	
                <p><a  class="todo" href="{% url 'todo-incomplete_tasks' list_id list_slug %}">View incomplete tasks</a></p>
                {% endifequal %}
                </form></div>
            	{% ifequal can_del 1 %}
            	{% ifnotequal list_slug "mine" %}
            	   <p><a class="todo" href="{% url 'todo-del_list' list_id list_slug %}">Delete this list</a></p>
            	{% endifnotequal %}
            	{% endifequal %}

    {% endifequal %}
{% endblock %}